<div class="navi">
    <ul class='main-nav'>
        <li class='active'>
            <a href="#" class='light'>
                <div class="ico"><i class="ficon-globe"></i></div>
                Dashboard

            </a>
        </li>
        <li>
            <a href="#" class='light'>
                <div class="ico"><i class="icon-list icon-white"></i></div>
                Forms
            </a>
        </li>
        <li>
            <a href="#" class='light toggle-collapsed'>
                <div class="ico"><i class="icon-th-large icon-white"></i></div>
                Tables
                <img src="/RIT/img/toggle-subnav-down.png" alt="">
            </a>
            <ul class='collapsed-nav closed'>
                <li>
                    <a href="datatables.html">
                        Data Tables
                    </a>
                </li>
                <li>
                    <a href="plaintables.html">
                        Plain Tables
                    </a>
                </li>
                <li>
                    <a href="mediatables.html">
                        Media Tables
                    </a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class='light toggle-collapsed'>
                <div class="ico"><i class="icon-tasks icon-white"></i></div>
                Interface Elements
                <img src="/RIT/img/toggle-subnav-down.png" alt="">
            </a>
            <ul class='collapsed-nav closed'>
                <li>
                    <a href="#">
                        Buttons & Icons
                    </a>
                </li>
                <li>
                    <a href="#">
                        Sliders & Progress-Bars
                    </a>
                </li>
                <li>
                    <a href="#">
                        Tooltips, Alerts & Notification
                    </a>
                </li>
                <li>
                    <a href="#">
                        Tabs, Pills & Accordion
                    </a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class='light'>
                <div class="ico"><i class="icon-signal icon-white"></i></div>
                Statistics
                `                            </a>
        </li>
        <li>
            <a href="#" class='light toggle-collapsed'>
                <div class="ico"><i class="icon-exclamation-sign icon-white"></i></div>
                Error Pages
                <img src="/RIT/img/toggle-subnav-down.png" alt="">
            </a>
            <ul class='collapsed-nav closed'>
                <li>
                    <a href="#">
                        403
                    </a>
                </li>
                <li>
                    <a href="#">
                        404
                    </a>
                </li>
                <li>
                    <a href="#">
                        500
                    </a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class='light toggle-collapsed'>
                <div class="ico"><i class="icon-book icon-white"></i></div>
                Sample Pages
                <img src="/RIT/img/toggle-subnav-down.png" alt="">
            </a>
            <ul class='collapsed-nav closed'>
                <li>
                    <a href="#">
                        Gallery
                    </a>
                </li>
                <li>
                    <a href="#">
                        Messages
                    </a>
                </li>
                <li>
                    <a href="#">
                        User Profile
                    </a>
                </li>
                <li>
                    <a href="#">
                        Login
                    </a>
                </li>
                <li>
                    <a href="#">
                        Search results
                    </a>
                </li>
                <li>
                    <a href="#">
                        View form
                    </a>
                </li>
                <li>
                    <a href="#">
                        Invoice
                    </a>
                </li>
                <li>
                    <a href="#">
                        Navigation expand on hover
                    </a>
                </li>
                <li>
                    <a href="#">Calendar</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class='light toggle-collapsed'>
                <div class="ico"><i class="icon-resize-full icon-white"></i></div>
                Layouts
                <img src="/RIT/img/toggle-subnav-down.png" alt="">
            </a>
            <ul class='collapsed-nav closed'>
                <li>
                    <a href="#" class='set-liquid'>
                        Liquid
                    </a>
                </li>
                <li>
                    <a href="#" class='set-fixed'>
                        Fixed
                    </a>
                </li>
            </ul>
        </li>
    </ul>
</div>